import React from 'react'
import { Link } from 'react-router-dom'
import "./Right.less"
function Right(props) {
    let { catelist } = props
    return (
        <div className="right">
            {catelist.map((item) => (
                <div className="right-item" key={item.id}>
                    <Link to={"/detail?id=" + item.id + "&type=1"}>
                        <img src={item.img} alt="" />
                        <div className="text">
                            {item.goodsname}
                            <p>￥{item.price}</p>
                        </div>
                    </Link>
                </div>
            ))
            }
        </div>
    )
}
export default React.memo(Right)
